@charset "utf-8";
*{margin:0;padding:0;}
img{border:0;}
li{list-style:none;}
.clear{clear:both}
a{text-decoration:none}
i,em{font-style:normal}
body{background:rgba(0,0,0,0.7)}
.pic{width:78.23%;margin:auto;position:fixed;background:#ab0926;height:auto;left:50%;margin-left:-39.115%;top:50%;display:none}
.pic_0{width:100%;position:absolute;left:0;z-index:4;height:100%;}
.pic_1{width:100%;position:absolute;left:0px;top:-51.67%;z-index:1;}
.pic_1 img{position:relative;z-index:1;}
.pic_1 img,.pic_2 img,.pic_0 img{width:100%;}
.pic_2{width:100%;position:absolute;left:0px;top:0;z-index:5;}
.pic_3{width:97.869%;position:absolute;left:1.05%;top:0;z-index:3;height:50%;overflow:hidden;}
.money{position:absolute;left:7.96%;top:15%;}
.pic_3 img{width:100%;}
.money i{font-size:32px;color:#e32144;vertical-align:top;display:inline-block;line-height:47px;}
.money span{font-size:47px;color:#e32144;font-weight:bolder;vertical-align:top;display:inline-block;}
.hb_txt{position:absolute;left:53.25%;top:22%;}
.hb_txt span{font-size:12px;color:#333;display:block;line-height:19px;}
.hb_txt em{font-style:normal;color:#e32144;display:block;font-size:14px;}
.pic_4{width:30.36%;height:auto;position:absolute;left:50%;margin-left:-15.18%;top:40%;z-index:5;}
.pic_4 img{width:100%;}
.hb_button{width:40%;height:21px;border:2px solid #f792a4;border-radius:5px;text-align:center;line-height:21px;color:#fff;font-size:14px;position:absolute;left:50%;top:73%;margin-left:-20%;z-index:5;cursor:pointer;display:none;overflow:hidden;}
.hb_button span{width:100%;height:21px;display:block;line-height:21px;text-align:center;color:#fff;font-size:14px;}
.Panimate .pic{-webkit-animation:zoomInDown 0.6s;}
.Panimate .pic_1{-webkit-animation:fandong1 1s;-webkit-transform-origin:50% 100%;-webkit-animation-delay:1.6s;opacity:0;z-index:1;-webkit-animation-timing-function:linear;}
.Panimate .pic_2{-webkit-animation:fandong2 1s;-webkit-transform-origin:0% 0%;-webkit-animation-delay:0.7s;opacity:1;-webkit-animation-timing-function:linear;}
.Panimate .pic_3{-webkit-animation:up 0.8s;-webkit-transform-origin:0% 0%;-webkit-animation-delay:2.9s;opacity:1;z-index:3}
 @-webkit-keyframes fandong1{
    0%{-webkit-transform:rotateX(-90deg);z-index:1;} 
	100%{-webkit-transform:rotateX(0deg);opacity:1;z-index:1;} 
  }
   @-webkit-keyframes fandong2{
    0%{-webkit-transform:rotateX(0deg);opacity:1;} 
	100%{-webkit-transform:rotateX(-90deg);opacity:1;} 
  }
    @-webkit-keyframes up{
    0%{top:0;z-index:3;} 
	100%{top:-53.98%;height:100%;z-index:3;} 
  }
  @-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.Panimate .pic{-o-animation:zoomInDown 0.6s;}
.Panimate .pic_1{-o-animation:fandong1 0.3s;-o-transform-origin:100% 100%;-o-animation-delay:0.7s;opacity:0;z-index:1;}
.Panimate .pic_2{-o-animation:fandong2 0.3s;-o-transform-origin:0% 0%;-o-animation-delay:0.5s;opacity:1;}
.Panimate .pic_3{-o-animation:up 0.5s;-o-transform-origin:0% 0%;-o-animation-delay:5s;opacity:1;z-index:3;}
 @-o-keyframes fandong1{
    0%{-o-transform:rotateX(-90deg);opacity:1;z-index:1;} 
	100%{-o-transform:rotateX(0deg);opacity:1;z-index:1;} 
  }
   @-o-keyframes fandong2{
    0%{-o-transform:rotateX(0deg);opacity:1;} 
	100%{-o-transform:rotateX(-90deg);opacity:1;} 
  }
    @-o-keyframes up{
    0%{top:0;} 
	100%{top:-53.98%;height:100%;} 
  }
  @-o-keyframes zoomInDown {
  0% {
    opacity: 0;
    -o-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -o-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.Panimate .pic{-moz-animation:zoomInDown 0.6s;}
.Panimate .pic_1{-moz-animation:fandong1 0.3s;-moz-transform-origin:100% 100%;-moz-animation-delay:0.7s;opacity:0;}
.Panimate .pic_2{-moz-animation:fandong2 0.3s;-moz-transform-origin:0% 0%;-moz-animation-delay:0.5s;opacity:1;}
.Panimate .pic_3{-moz-animation:up 0.5s;-moz-transform-origin:0% 0%;-moz-animation-delay:5s;opacity:1;}
 @-moz-keyframes fandong1{
    0%{-moz-transform:rotateX(-90deg);opacity:0.5;} 
	100%{-moz-transform:rotateX(0deg);opacity:1;} 
  }
   @-moz-keyframes fandong2{
    0%{-moz-transform:rotateX(0deg);opacity:1;} 
	100%{-moz-transform:rotateX(-90deg);opacity:1;} 
  }
    @-moz-keyframes up{
    0%{top:0;} 
	100%{top:-53.98%;height:100%;} 
  }
  @-moz-keyframes zoomInDown {
  0% {
    opacity: 0;
    -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -moz-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.Panimate .pic{animation:zoomInDown 0.6s;}
.Panimate .pic_1{animation:fandong1 0.3s;transform-origin:100% 100%;animation-delay:0.7s;opacity:0;}
.Panimate .pic_2{animation:fandong2 0.3s;transform-origin:0% 0%;animation-delay:0.5s;opacity:1;}
.Panimate .pic_3{animation:up 0.5s;transform-origin:0% 0%;animation-delay:5s;opacity:1;}
 @keyframes fandong1{
    0%{transform:rotateX(-90deg);opacity:0.5;} 
	100%{transform:rotateX(0deg);opacity:1;} 
  }
   @keyframes fandong2{
    0%{transform:rotateX(0deg);opacity:1;} 
	100%{transform:rotateX(-90deg);opacity:1;} 
  }
    @keyframes up{
    0%{top:0;} 
	100%{top:-53.98%;height:100%;} 
  }
  @keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}